<template>
	<navbar title="城市巡回" :isBack="true"></navbar>
	<view class="" style="padding: 27rpx;display: flex;flex-wrap: wrap;justify-content: space-between;">
		<view class="" style="border-radius: 20rpx;width: 337rpx;height: 264rpx;margin-bottom: 20rpx;" v-for="item in list">
			<image :src="item" style="width: 337rpx;height: 264rpx;" mode="aspectFill"></image>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { onLoad, onShow } from '@dcloudio/uni-app'
	import { ref, reactive } from 'vue'
	import { getImages } from '@/service/api/city'
	import tools from '@/utils/tools'
	const id = ref('')
	const list = ref([])
	onLoad((opt)=>{
		id.value = opt.id;
		getData()
	})
	
	const getData = async()=>{
		const res = await getImages({id:id.value});
		list.value = res.msg
		console.log(list.value);
	}
</script>

<style>
</style>